/* 整体布局 */
@charset 'utf-8';

@font-face {
  font-family: SourceHanSansCN-Normal;
  src: url("SourceHanSansCN-Normal.otf");
}

@font-face {
  font-family: SourceHanSansCN-Medium;
  src: url("SourceHanSansCN-Medium.otf");
}

@font-face {
  font-family: SourceHanSansCN-Regular;
  src: url("SourceHanSansCN-Regular.otf");
}

::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track{
	background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
	background: #c2c2c2;
}


body {
  font-family: SourceHanSansCN-Normal;
  color: #111111;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.hkxdr-layout-default {
  /* background: #f6f6f6; */
  font-family: SourceHanSansCN-Regular;
}

.hkxdr-layout-default .layui-header {
  height: 40px;
  background: #4B6EEF;
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.04);
}

.hkxdr-layout-default .layui-side {
  top: 40px;
  width: 70px;
  background: rgba(236, 238, 239, 0.8);
  border-right: 1px solid rgba(218, 222, 224, 1);
  /* box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, 0.04); */
  border-left:  1px solid #4B6EEF;
  border-bottom:   1px solid #4B6EEF;
}

.hkxdr-layout-default .layui-body {
  top: 40px;
  left: 70px;
  padding-bottom: 0;
  border-right:  1px solid #4B6EEF;
  border-bottom:   1px solid #4B6EEF;
}

.hkxdr-layout-default .layui-body .main-content {
  height: 100%;
}

/* 整体布局 end */

/* 菜单 */
.hkxdr-layout-default .menu-list {
  padding-top: 10px;
  text-align: center;
  font-family: SourceHanSansCN-Medium;
  font-size: 12px;
  color: #666666;
  font-weight: 500;
}

.hkxdr-layout-default .menu-list .menu-item {
  border-radius: 5px;
  margin: 0 4px;
  margin-bottom: 8px;
  padding: 14px 0;
  position: relative;
  cursor: default;
}

.hkxdr-layout-default .menu-list .menu-item .menu-icon {
  width: 28px;
  height: 28px;
  margin-bottom: 7px;
}

.hkxdr-layout-default .menu-list .menu-item .number-icon {
  position: absolute;
  top: 12px;
  right: 5px;
  background: #FF3535;
  border-radius: 9px;
  font-size: 12px;
  color: #FFFFFF;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
}

.hkxdr-layout-default .menu-list .menu-item .number-icon .number-more {
  font-size: 12px;
  -webkit-transform: scale(0.78, 0.78);
  -moz-transform: scale(0.78, 0.78);
  -ms-transform: scale(0.78, 0.78);
  -o-transform: scale(0.78, 0.78);
  transform: scale(0.78, 0.78);
  *font-size: 10px;
}

.hkxdr-layout-default .menu-list .menu-item:hover{
  background: #E4E6E7;
  border-radius: 5px;
}
.hkxdr-layout-default .menu-list .menu-item.actived-this {
  background: rgba(253, 253, 253, 0.90);
  color: #4B6EEF;
}

/* 菜单 end */

/* 按钮 */
.btn {
  font-size: 14px;
  color: #4B6EEF;
  background-color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
  height: 32px;
  font-weight: 400;
  border: 1px solid #4B6EEF;
  border-radius: 4px;
  font-family: SourceHanSansCN-Regular;
  position: relative;
}

.btn:hover {
  color: #4B6EEF;
  box-shadow: 0 0 0 2px rgba(75,110,239,0.3);
}

.btn-gray {
  color: #555555;
  border-color: #c2c2c2;
}

.btn-gray:hover {
  background: #FFFFFF;
  border: 1px solid rgba(75,110,239,1);
  border-radius: 4px;
  font-family: SourceHanSansCN-Regular;
  font-size: 14px;
  color: #4B6EEF;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
  box-shadow: none;
}

/* 按钮end */


/* 页脚 */
.layui-table-page {
  text-align: right;
}

/* 独立版 分页 */
.virtual-page {
  padding-right: 20px;
  text-align: right;
}

.virtual-page .layui-box {
  margin-top: 0;
}


.virtual-page .layui-laypage a,
.virtual-page .layui-laypage span {
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  margin: 0 10px 5px 0;
}

.layui-laypage span.layui-laypage-spr {
  border: none;
}
.layui-laypage-curr {
  border: none!important;
}
.layui-laypage-em {
  border-radius: 4px;
  height: 33px!important;
  width: 33px!important;
  text-align: center;
}
.layui-laypage-em+em {
  left: -2px;
}
.virtual-page .layui-laypage a {
  border: none;
  box-sizing: border-box;
  border: 1px solid rgba(75, 111, 239, 0);
  border-radius: 4px;
  width: 33px;
  padding: 0!important;
  text-align: center;
}
.virtual-page .layui-laypage a:hover {
  background: #FFFFFF;
  border: 1px solid rgba(75,110,239,1);
  border-radius: 4px;
  box-sizing: border-box;
  color: #4B6EEF;
}
.virtual-page .layui-laypage a:active {
  background: #EDF0FD;
  border: 1px solid rgba(75,110,239,1);
  border-radius: 4px;
  box-sizing: border-box;
  color: #4B6EEF;
}

.virtual-page .layui-laypage select {
  height: 30px;
  padding: 0 8px;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
}
.layui-laypage button {
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
}
.layui-laypage input {
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
}

/* 页大小 */
.virtual-page .layui-laypage select:hover {
  border-color: #4c6eef !important;
}
.virtual-page .layui-laypage select:focus {
  border-color: #4c6eef !important;
  box-shadow: 0 0 0 2px rgba(75,110,239,0.3);
}
.virtual-page .layui-laypage select option {
  color: rgba(0,0,0,0.65);
}
.virtual-page .layui-laypage select option:checked {
  color: #4B6EEF;
  background: #EDF0FD;
}

.layui-laypage input:focus {
  border-color: #4c6eef !important;
}

.layui-laypage .layui-laypage-skip {
  color: rgba(0,0,0,0.85);
  margin-bottom: 3px!important;
}

.layui-laypage-btn:hover {
  color: #4b6eef;
  border: 1px solid #4b6eef;
  border-radius: 4px;
}
.layui-laypage-btn:focus {
  border-radius: 4px;
  color: #4b6eef;
  border: 1px solid #4b6eef;
  box-shadow: 0 0 0 2px rgba(75,110,239,0.3);
}
/* 分页 */
#pager {
  width: 100px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: rgba(0,0,0,0.85);
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  cursor: default;
  margin: 16px 10px;
  margin-top: 0;
}

#pager:hover {
  border: 1px solid rgba(75, 110, 239, 1);
  border-radius: 4px;
}
#pager:focus {
  border-radius: 4px;
  border: 1px solid rgba(75, 110, 239, 1);
  box-shadow: 0 0 0 2px rgba(75,110,239,0.3);
}
.count-part {
  font-size: 14px;
  color: rgba(0,0,0,0.85);
  margin-bottom: 15px;
}

/* 页脚 end */

/* 表格 */
.table-part {
  background: #FFFFFF;
}

.layui-menu li {
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 34px;
}

.layui-menu li:hover {
  background: #EDF0FD;
  font-size: 14px;
  color: #4B6EEF;
  line-height: 34px;
}

/* 表格end */

.skeleton {
  background: #c2c2c23c;
  height: 1em;
  min-width: 5em;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 5px;
}

/* 表单 */
.layui-input:hover, .layui-textarea:hover {
  border-color: #4b6eef!important;
}
.layui-input:focus, .layui-textarea:focus {
  border-color: #4b6eef!important;
  box-shadow: 0 0 0 2px rgba(75,110,239,0.3);
}